<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>会员登录</title>
		<link rel="stylesheet" type="text/css" href="./css/login1.css">

	</head>
	<body>
		<!-- login -->
		<div class="top center">
			<div class="logo center">
				<a href="./index.html" target="_blank"><img src="image/logo_top.png" alt=""></a>
				<p>道恩登录页面</p>
			</div>
		</div>
		<form method="post" action="./login.php" class="form center">
			<div class="login">
				<div class="main">
					<div class="logo_pa">
						<ul>
							<li class="on">账号登陆</li>
							<li>扫码登陆</li>
						</ul>
						<!--账号登陆-->
						<div class="deng zhanghao" style="display: block;">
							<div class="show1" style="display: none;">
								<input type="text" id="" value="" placeholder="邮箱/手机号码" />
								<input type="text" id="" value="" placeholder="密码" />
								<div class="denglu">登陆</div>
								<div class="bot_p">
									<p class="p1" onclick="a()">手机短信登录/注册</p>
									<p class="p2">立即注册| 忘记密码？</p>
								</div>
							</div>
							<div class="show2">
								<div class="shouji">
									<p>+86</p>
									<input type="text" id="" value="" placeholder="手机号" />
								</div>
								<div class="yanzhengma">
									<input type="text" id="" value="" placeholder="短信验证码" />
									<p>获取验证码</p>
								</div>
								<div class="liji">
									立即登录/注册
								</div>
								<p onclick="b()">用户名密码登录</p>
							</div>
							<div class="qita">
								<span></span>
								<p>其他方式登录</p><span></span>
							</div>
							<div class="bot_img">
								<img src="image/qq.png" />
								<img src="image/sina.png" />
								<img src="image/zhifubao.png" />
								<img src="image/wechat.png" />
							</div>
						</div>
						<!--扫码登陆-->
						<div class="deng saoma">
							<div class="ma">
								<img src="image/erweima.png" />
							</div>
							<p>扫码登陆官网</p>
						</div>
					</div>
				</div>
			</div>
		</form>
		<footer>
			<div class="copyright">简体 | 繁体 | English | 常见问题</div>
			<div class="copyright">道恩公司版权所有-京ICP备14523611-京公网安备1431356543121号-京ICP证4324342312号</div>
		</footer>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		var lis = document.getElementsByTagName("li");
		console.log(lis)
		var z1s = document.getElementsByClassName("deng");
		console.log(z1s)
		for(var i = 0; i < lis.length; i++) {
			lis[i].index = i;
			lis[i].onclick = function() {
				for(var i = 0; i < lis.length; i++) {
					lis[i].className = '';
					z1s[i].style.display = 'none';
				}
				console.log(this.index);
				this.className = 'on';
				z1s[this.index].style.display = 'block';
			};
		}

		var aa = $(".show1")
		var bb = $(".show2")

		function a() {
			aa.css("display", "none");
			bb.css("display", "block");
		}

		function b() {
			bb.css("display", "none");
			aa.css("display", "block");
		}
	</script>

</html>